<template>
    <div class="all-shipped">
        <el-table :data="tableData" style="width: 100%" :header-cell-style="{ background: '#eee', color: '#000' }" :height="450"
            class="table">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column prop="deliveryDate" label="交货期" width="150">
            </el-table-column>
            <el-table-column prop="status" label="状态" width="150">
                <template slot-scope="scope">
                    <div>
                        <div
                            style="width:8px;height:8px;background:#FFCBCB;margin-right:5px;border-radius: 50%;display:inline-block;">
                        </div>{{ scope.row.status }}
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="model" label="型号" width="150"> </el-table-column>
            <el-table-column prop="brand" label="品牌" width="150"> </el-table-column>
            <el-table-column prop="number" label="数量" width="150"> </el-table-column>
            <el-table-column prop="batch" label="批次" width="150"> </el-table-column>
            <el-table-column prop="package" label="封装" width="150"> </el-table-column>
            <el-table-column prop="currecy" label="币种" width="150"> </el-table-column>
            <el-table-column prop="price" label="单价" width="150">
                <template slot-scope="scope">
                    <div style="color:#32B457;">{{ scope.row.price }}</div>
                </template>
            </el-table-column>
            <el-table-column prop="money" label="订单金额" width="150">
                <template slot-scope="scope">
                    <div style="color:#FF7600;">{{ scope.row.money }}</div>
                </template>
            </el-table-column>
            ><el-table-column prop="address" label="交货地" width="150">
            </el-table-column>
            ><el-table-column prop="MPQ" label="MPQ" width="150"> </el-table-column>
            <el-table-column prop="packing" label="包装" width="150"> </el-table-column>
            <el-table-column prop="order" label="订单项" width="170">
            </el-table-column>
            <el-table-column prop="desc" label="备注" width="150"> </el-table-column>
        </el-table>
        <el-pagination class="pagination" layout="total,sizes,prev, pager, next,jumper" :total="50">
        </el-pagination>
    </div>
</template>

<script>
export default {
    name: 'allShipped',
    data() {
        return {
            tableData: [
                {
                    deliveryDate: '2023-02-20',
                    status: '已发货',
                    model: 'H1',
                    brand: 'KEMET',
                    number: '100',
                    batch: '1',
                    package: 'XXXW95',
                    currecy: '人民币',
                    price: "10.00",
                    money: '1000',
                    address: '国内',
                    MPQ: '1',
                    packing: '散装',
                    order: 'DD22020000295-006',
                    desc: ''
                },
                {
                    deliveryDate: '2023-02-20',
                    status: '已发货',
                    model: 'H1',
                    brand: 'KEMET',
                    number: '100',
                    batch: '1',
                    package: 'XXXW95',
                    currecy: '人民币',
                    price: "10.00",
                    money: '1000',
                    address: '国内',
                    MPQ: '1',
                    packing: '散装',
                    order: 'DD22020000295-006',
                    desc: ''
                },
                {
                    deliveryDate: '2023-02-20',
                    status: '已发货',
                    model: 'H1',
                    brand: 'KEMET',
                    number: '100',
                    batch: '1',
                    package: 'XXXW95',
                    currecy: '人民币',
                    price: "10.00",
                    money: '1000',
                    address: '国内',
                    MPQ: '1',
                    packing: '散装',
                    order: 'DD22020000295-006',
                    desc: ''
                },
                {
                    deliveryDate: '2023-02-20',
                    status: '已发货',
                    model: 'H1',
                    brand: 'KEMET',
                    number: '100',
                    batch: '1',
                    package: 'XXXW95',
                    currecy: '人民币',
                    price: "10.00",
                    money: '1000',
                    address: '国内',
                    MPQ: '1',
                    packing: '散装',
                    order: 'DD22020000295-006',
                    desc: ''
                },
            ],
        }
    }
}
</script>

<style scoped lang="scss">
.all-shipped {
    .table {
        margin-top: 10px;
    }

    .pagination {
        margin-top: 10px;
        text-align: right;
    }
}</style>